<!--
 * @Description: 
 * @Version: 2.0
 * @Autor: Seven
 * @Date: 2020-11-26 14:28:20
 * @LastEditors: Seven
 * @LastEditTime: 2020-12-17 16:21:47
-->
<template>
  <div class="body">
    <heads></heads>
    <div class="main">
      <Nuxt />
    </div>
    <footers></footers>
  </div>
</template>
<script>
import heads from '~/components/heads'
import footers from '~/components/footers'
export default {
  data() {
    return {

    }
  },
  
  components:{
    heads,
    footers
  }
}
</script>
<style>
.body{
  overflow: hidden;
}
.main{
  margin-top: 66px;
  min-height: 779px;
}
@media screen and (max-width: 760px){
  .main{
    margin-top: 55px;
  }
}
</style>
